<!DOCTYPE HTML>
<html>
<head>
    <title>旅行</title>
    <link rel="icon" href="../images/3.jpg" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Travelia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="../css/style3.css"/>
    <script src="js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="../js/move-top.js"></script>
    <script type="text/javascript" src="../js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>

</head>
<body>
<!--start-home-->
<div id="home" class="header">
    <div th:replace="common :: navbar"></div>

    <div class="banner two">
        <div class="container">
            <h2 class="second">互动</h2>
        </div>
    </div>
</div>
<!--start-blog-->
<div id="blog" class="blog-section">
    <div class="container">
        <div class="blog">
            <div class="col-md-4 blog-text">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>中国第一古道 徽杭古道</h4></a>
                <p>一条千年古道，蜿蜒曲折75公里，它从皖南绩溪县临溪镇湖里村起，经仁里，汪村，瀛洲、龙川、到伏岭镇的湖村，
                    经江南村“江南第一关”、遥遥岭、马头岭、雪堂岭到达浙江西部的临安市马啸乡止，贯通了古徽州和浙江。
                    古往今来，有多少徽州人从这里走出去，在更广阔的天地施展才华，做出来了影响中国的大事情。</p>
            </div>
            <div class="col-md-8 welcome-img">
                <a href="/index/single" class="mask"><img src="../images/b11.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="blog">
            <div class="col-md-4 blog-text two">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>美景众多，被古人称之为天下四绝</h4></a>
                <p>广德县，位于安徽省东南部，隶属于安徽省宣城市。所处地理位置刚好是苏浙皖三省八县市的交界处。
                    这里风景优美，景色众多，接下来呢，就重点为大家介绍这里的三大景区。
                    太极洞是广德县唯一的4A级景区，也是最为出名的景区。
                    早在明代的时候，冯梦龙就在自己的著作里称广德埋藏是天下四绝之一，可想而知太极洞历史深远和风景壮丽。
                </p>
            </div>
            <div class="col-md-8 blog-img two">
                <a href="/index/single" class="mask"><img src="../images/b22.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="blog">
            <div class="col-md-4 blog-text">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>绩溪皖南神秘天路，被自驾爱好者青睐</h4></a>
                <p>如果你是自驾爱好者，那么我推荐你开车去隐藏在深山中古村，如果你是摄影爱好者，那么恭喜你，这里的清晨美到哭。
                    安徽绩溪家朋赏日出和云海，梅干岭是必去之地。
                    梅干岭位于崇山峻岭之间，站在梅干岭上，一览家朋田园风光，远处的幸福村若隐若现，有一种豁然开朗的感觉。</p>
            </div>
            <div class="col-md-8 welcome-img">
                <a href="/index/single" class="mask"><img src="../images/b33.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="blog">
            <div class="col-md-4 blog-text two">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>穿越皖南川藏线 只为方塘那一抹红</h4></a>
                <p>从泾县出来，已是午后，大家为去宁国方塘的红杉林的路线，停车开了个会。
                    方案一:走高速至宁国再转方塘，虽然绕道，但高速快捷，约两个小时。
                    方案二：走皖南川藏线，有70多公里的山路，道路曲折，仅容两车通过，最快到达方塘为三个半小时(在不堵车的情况下)。
                    貌似无需讨论:出门安全快捷为首位。但皖南川藏线之美，对我们这群摄友来说，可谓垂涎欲滴。
                </p>
            </div>
            <div class="col-md-8 blog-img two">
                <a href="/index/single" class="mask"><img src="../images/b44.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <!--start-blog-pagenate-->
        <div class="blog-pagenat">
            <ul>
                <li><a class="frist" href="#">上一页</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a class="last" href="#">下一页</a></li>
            </ul>
        </div>
        <!--//End-blog-pagenate-->

    </div>
</div>
<!--//blog-->
<!--contact-->
<!--<div class="contact" id="contact">-->
    <!--<div class="container">-->
        <!--<h3 class="tittle">Newsletter</h3>-->
        <!--<div class="newslatter">-->
            <!--<ul class="f-icons second">-->
                <!--<li><a href="#" class="facebook"> </a></li>-->
                <!--<li><a href="#" class="p"> </a></li>-->
                <!--<li><a href="#" class="twitter"> </a></li>-->
            <!--</ul>-->
            <!--<div class="clearfix"></div>-->
            <!--<div class="support">-->
                <!--<input type="text" class="text" value="Enter email..." onfocus="this.value = '';"-->
                       <!--onblur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">-->
                <!--<input type="submit" value="SUBSCRIBE" class="botton">-->
            <!--</div>-->

        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--map-->
<!--<div class="map">-->
    <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1675115.8258740564!2d-98.4671417929578!3d34.91371150021706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1434956093308"></iframe>-->
    <!--<span> </span>-->

<!--</div>-->

<div class="copy">
        <div th:replace="common :: footer"></div>
</div>
<!--footer-->
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                         style="opacity: 1;"> </span></a>


</body>
</html>